﻿/*公共样式*/ 
*{margin:0;padding:0;}
li{ list-style:none;}
img{border:none; max-width: 100%;}
a{ text-decoration:none!important; color:#000;}
a:hover{text-decoration:none!important;}
p,h1,h2,h3,h4,h5,h6,a,i,span,table tr td ,li{font-family:"微软雅黑"!important; font-weight: normal;}
i{font-style: normal;}
p{text-align:justify; text-justify:inter-ideograph}

/*首页 开始*/
.top_line{ background: #eee;min-height: 35px; line-height: 35px;}
.top_line a{ width:35px; text-align: center; border-left: 1px solid #fff; border-right: 1px solid #fff; display: inline-block;height: 35px;line-height: 35px;}
.top_line a:hover{color: #145ECC;}
.top_line p{ font-size: 14px; margin: 0;}
.top_line p span{ float: right; margin-right:15px;}
.top_line p span img{ margin-right: 10px;}
.top_line p a{ float: right;}
.logo{ margin:30px auto; margin-bottom: 15px;}
.ss{margin-left: -15px!important; margin-right: -15px!important;}
.ss ul li a{font-size: 18px; color: #555;}
.ss form{ float: right;background: #eee;}
.ss form .ss1{ background: #eee; width: 165px; height: 28px; border: none;padding-left:8px;}
.ss form .ss2{ width: 30px; height: 30px;border: none;background: #eee; color: #eee;}
.ss form img{position: absolute; right: 6px;top:6px;}

/*Banner*/
#demo01 ol{display:none!important;}
.wid{width:1170px!important;}
.index_con:hover, .wid:hover, .clearfix:hover{botder:none;background:none;}
.index_banner{ max-height:560px; background-repeat:no-repeat; background-position:center center; overflow:hidden; margin-top:94px;}
.index_banner .index_con:hover{border:none;box-shadow: none;background:none;}
.index_banner .index_con .index_left{ max-width:440px; margin-top:232px; margin-left:80px}
.index_banner .index_con .index_left h2{ font-size:35px; color:#fff; padding-bottom:30px;}
.index_banner .index_con .index_left p{ font-size:16px; color:#fff; line-height:28px; border-bottom: none;}
.index_banner .index_con .index_left a span{ display:inline-block; width:35px; height:12px; background:url(/images/tianhuizhida/arrow.png) no-repeat center; vertical-align:middle; transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
/*.index_banner .index_con .index_left a:hover{ background:#004694;}
.index_banner .index_con .index_left a:hover span{ margin-left:15px;}*/
.index_banner .index_con .index_right{ max-width:427px; margin-top:70px; margin-right: 200px;}
.index_banner .index_con .index_right img{ max-width:100%; max-height:100%;}
.index_banner .flexslider{position:relative; width:1170px;height:560px; margin:0 auto;overflow:hidden;zoom:1;}
.index_banner .flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.index_banner .flexslider .slides{zoom:1;}
.index_banner .flexslider .slides li{ display:none;}
.index_banner .flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:none;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.index_banner .flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.index_banner .flex-direction-nav .flex-prev{left:0;}
.index_banner .flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.index_banner .flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.index_banner .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.index_banner .flex-control-nav{width:100%;position:absolute;bottom:20px;text-align:center;}
.index_banner .flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.index_banner .flex-control-paging li a{background:#6f686b;display:block;height:12px;overflow:hidden;text-indent:-99em;width:12px;cursor:pointer; border-radius:50%;}
.index_banner .flex-control-paging li a.flex-active{ background:#004694;}
/*Banner*/

.navbar-nav li:hover{background:#fff;}
.header_img a img{margin-top:18px;}
.ruisi_nav{background:#fff; min-height:80px; overflow:hidden; margin-bottom:-15px;}
.ruisi_head li{ padding:3px 15px; text-align:center;}
.ruisi_nav .ruisi_head li:hover{ background:#fff;}
.ruisi_head li a{ padding:0; color:#5e5e5e; font-size: 16px; font-family: "黑体";}
.ruisi_nav .ruisi_head li a:hover{ background:#fff;color:#3477db;}
.ruisi_head li.active a{ color:#3477db;}
.ruisi_head li.active{ border-radius: 20px; border: 1px solid #3477db;}
.tell p{ text-align: right; font-size: 22px; color: #da251c; margin-bottom: 10px; margin-top: 18px;}
.tell p img{ margin-right: 20px;}

.in_box1{margin-top: 40px;}
.in_box1 h2{text-align: center; font-size: 22px; color: #1a1a1a; margin-bottom:15px;}
.in_box1 i{text-align: center; display:block; color: #0044CC; margin:15px auto;}
.in_box1 p{text-align: center; font-size: 14px; color: #333;}
/*.xx:hover{height:305px;-webkit-box-shadow:4px 4px 10px #afafaf; -ms-box-shadow:0 4px 10px #afafaf; -o-box-shadow:0 4px 10px #afafaf;box-shadow:0 4px 10px #afafaf;}*/

/*左右轮播*/
.solution{ height:746px; background-repeat:no-repeat; background-position:center; background-size:cover;}
 h2{ font-size:32px; color:#18191b; text-align:center; padding-top:70px; font-weight:bold;}
 h4{ font-size:14px; color:#18191b; text-align:center; padding-top:5px;}
 .slides li{float:left;height:300px; margin-right:50px;transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
 .slides li b{ display:block; width:100%; height:240px; text-align:center; overflow:hidden; line-height:240px;transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
 .slides li b img{ max-width:100%; max-height:100%;}
 .slides li:hover b img{-webkit-box-shadow:4px 4px 10px #afafaf; -ms-box-shadow:0 4px 10px #afafaf; -o-box-shadow:0 4px 10px #afafaf;box-shadow:0 4px 10px #afafaf;}
 .slides li span{ display:block; width:100%; text-align:center; line-height:67px; border-top:1px solid #d8d8d8; font-size:16px; color:#333333;transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
/* .slides li:hover span{ height:86px; line-height:86px; color:#004694;}
 .slides li:hover b{ height:240px; line-height:240px; color:#004694;}
 .slides li:hover{-webkit-box-shadow:4px 4px 10px #afafaf; -ms-box-shadow:0 4px 10px #afafaf; -o-box-shadow:0 4px 10px #afafaf;box-shadow:0 4px 10px #afafaf;}*/
.solu_btn{ display:block; margin:0 auto; margin-top:62px; width:148px; height:38px; text-align:center; line-height:38px; border:1px solid #878787; border-radius:30px;}
 .solu_btn span{display:inline-block; width:35px; height:12px; background:url(/images/tianhuizhida/gray_arrow.png) no-repeat center/cover; vertical-align:middle; transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
 .solu_btn:hover{ background:#004694;}
.solu_btn:hover span{ margin-left:15px;background:url(/images/tianhuizhida/arrow.png) no-repeat center;}

.flexslider{position:relative;width:1170px; margin:0 auto; height:300px; zoom:1; margin-top:55px;}
 .flex-viewport{max-height:1170px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
 .flexslider .slides{zoom:1;}
 .flex-direction-nav a{width:47px;height:47px;line-height:99em;overflow:hidden; display:block;position:absolute;top:50%; margin-top:-28.5px;z-index:10;cursor:pointer; -webkit-transition:all .3s ease;}
 .flex-direction-nav .flex-next{ background:url(/images/tianhuizhida/index_23.png) no-repeat;left:-30px;}
 .flex-direction-nav .flex-prev{background:url(/images/tianhuizhida/index_26.png) no-repeat;right:-60px;}
 .flexslider .flex-next:hover { background:url(/images/tianhuizhida/index_23.png) no-repeat;}
 .flexslider .flex-prev:hover{ background:url(/images/tianhuizhida/index_26.png) no-repeat;}
 .flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
/*左右轮播*/
.in_box2{text-align: center; margin-top:45px}
.in_box2 img{ text-align: center;}
/*.in_box2 img{
	 transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    transition: all 1s;
}
.in_box2 img:hover{
    transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
}*/

.in_box2 h3{text-align: center; font-size: 22px; color: #1a1a1a; margin-bottom:15px;}
.in_box2 i{text-align: center; display:block; color: #0044CC; margin:15px auto;}
.in_box2 p{text-align: left; font-size: 14px; color: #666; text-indent:2em;line-height:24px;}
.in_box2 .more,.in_box3 .more{margin:0 auto; margin:30px auto; display:block; width:180px;height:40px;line-height:40px; text-align:center;color: #333;font-size: 16px; border: 1px solid #cdcdcd; border-radius: 5px;}
.in_box3{margin-top: 20px;}
.in_box3 ul li{min-height: 100px; border-bottom: 1px solid #cdcdcd; margin-top: 20px;}
.in_box3 h2{ background:url(/images/tianhuizhida/index_45.jpg) center center no-repeat;text-align: center; font-size: 22px; color: #1a1a1a;}
.in_box3 i{text-align: center; display:block; color: #0044CC; margin:15px auto;}
.in_box3 span{color: #666; font-size: 18px;}
.in_box3 label{}
.in_box3 label h3{color: #333; font-size:19px;}
.in_box3 label p{ color: #666; font-size: 14px;margin-top:25px;}
.in_box4{ background: #d2d2d2; min-height: 150px;}
.in_box4 p{ text-align:left; font-size: 14px;color:#666;line-height: 25px;}
.in_box4 img{text-align:right; margin:15px auto; float:right;}
.in_box4 .p_top{ border-bottom: 1px solid #bfbfbf; height: 60px;}
.in_box4 .p_top a{ border-right:1px solid #bfbfbf; height: 30px;line-height: 30px; margin-top:15px;}
.in_box4 .p_top a:last-child{border:none;}
/*新闻轮播*/
/* 本例子css */
		.slideBox{width:1170px;overflow:hidden; position:relative; border:1px solid #ddd;}
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ display:block;  }
/*新闻轮播*/
.li_one{ border-bottom: 1px solid #cdcdcd;min-height:160px;}
.li_one span{}
.li_one label{}
.li_one label p{}
.li_one label h3{}

/*产品与解决方案*/
.cp_left{margin-top:20px;}
.cp_left h2{ text-align: left; color: #1a1a1a; font-size: 16px;height: 50px;line-height: 50px;}
.cp_left>ul>li{min-height: 40px;overflow:hidden;}
.cp_left ul li a{color: #1a1a1a; font-size: 16px;}
.cp_left ul li ul{ margin:15px auto;}
.cp_left ul li ul li{height:30px;line-height:30px; min-height:30px;}
.cp_left ul li ul li a{color: #666; font-size: 14px;}
.cp_left ul li ul li.active{background: #cdcdcd;}
.cp_left ul li ul li.active a{color: #2e62e6;font-size: 14px;}
.cp_left ul li ul li:hover{background: #cdcdcd;}
.cp_left ul li ul li:hover a{color: #2e62e6;font-size: 14px;}
.cp_right{margin-top:20px;}
.cp_right ul li{margin-bottom:15px;}
.cp_right ul li a{ display:block; width:220px; height:245px;}
.cp_right ul li a h2{ font-size: 16px; margin-top:15px; color:#1a1a1a;}
.cp_right ul li a h2 img{ margin-right:10px}
.cp_right>ul>li>a>img{width:200px;height:200px;}
.cp_d{}
.cp_d h2{ font-size: 18px; text-align: left; margin-bottom: 30px; margin-top: 20px;}
.cp_d h2 img{ margin-right:10px;}
.cp_d h3{ font-size: 16px;}
.cp_d p{ font-size: 14px; text-indent: 2em;}
.cp_d h3{margin:20px auto;}
.cp_d h3 img{ margin-right:10px;}
.er p{ border-bottom: 5px solid #e5e5e5; line-height: 40px;}
.er p a{ display: inline-block; padding:5px 20px; font-size: 16px; color: #666;}
.er p a.active{background:url(/images/tianhuizhida/new_07.jpg) bottom center no-repeat;}
.job_list{text-align: center; border-bottom: 1px solid #cdcdcd;overflow:hidden;height:150px;padding-bottom:15px;}
.job_list img{ text-align: center; margin-top:20px; margin-bottom:10px}
.job_list span{ margin:0 auto; display:block;width: 180px; height:40px; line-height: 40px; text-align: center; border: 1px solid #cdcdcd;}
.job_list h3{ font-size: 18px; color: #666; text-align:left; margin-top: 30px; line-height: 30px;}
.job_list p{ border: none; line-height:30px;}
.job_list a{ background: url(/images/tianhuizhida/job_07.jpg) right center no-repeat; color: #2e62e6; font-size: 14px; margin-top:75px; display:block;} 
.job_list button{ background: url(/images/tianhuizhida/job_07.jpg) right center no-repeat; color: #2e62e6; font-size: 14px; margin-top:75px;padding-right: 15px;}
.jj{margin-top: 40px; text-align: center; padding-bottom: 30px;}
.jj h3{ text-align: center; height: 60px; line-height: 60px; font-size: 22px; color:#1a1a1a;}
.jj p{border:none; font-size: 14px; color: #666;}
.jj p img{margin-right: 15px; text-align: center;}
.p_b{}
.p_b p{border-bottom: 2px solid #e5e5e5;}
.p_b h4{ color: #2e62e6; text-align: left;margin-top:20px; font-size: 24px; line-height: 30px;}
.p_b h4 img{ margin-right: 15px;}
.p_b h5{text-align: left; margin-top:5px; font-size: 20px; color: #333; height: 40px; line-height: 50px;}
.p_b p{font-size: 14px; color: #666;}

.ly h2{ color: #2e62e6; margin-top: 60px;}
.ly h2 img{ margin-right: 10px;}
.ly p{color: #777777; font-size: 14px; text-align: center; margin:25px auto;}
.ly input{margin:0 auto;}
.ly .btn{ margin:15px auto; margin-bottom: 30px;}

.new{border-bottom: 2px solid #e5e5e5; min-height: 156px; padding-top:20px}
.new img{}
.new h4{ font-size: 18px;color: #333; text-align: left;}
.new p{ color: #666; font-size: 14px; border-bottom: none; line-height: 25px; margin-top: 10px;}
.new span{ text-align: right; float: right; margin-top: 20px; margin-right: 25px;}
.new a{ text-align: right;float: right; margin-top: 30px;}

@media screen and (max-width:768px){
.job_list{min-height: 188px;}
.logo{text-align:center;}
.new{text-align:center; margin-bottom:15px;}
.new img{ margin-bottom:15px;}
.er p{margin-top:0px;background:#eee;line-height:28px;padding-bottom:10px;}
.new span{float:none; text-align:center; margin-top:0;}
.jj h3{line-height:70px;height:55px;}
.jj img{margin-top:15px;}
.m_but{display:block;}
.in_box2 h3{margin-top:15px;font-size:20px;}
.in_box3 ul li{margin-top:0px;}
.in_box3 i{margin-top:5px;}
.jj{margin-top:0;padding-bottom:0;}
#img_lx{margin-top:0;}
.logo{margin-top:3px;margin-bottom:0;}
.img_line{display:none;}
.logo img{width:150px;}
.navbar-toggle{margin-top:0!imorptant; padding:0!imorptant;}
.navbar{min-height:30px!imorptant;}
.flexslider{margin-top:20px;}
.index_banner .index_con .index_left{width:26%!important;}
.solution .slides li{height: auto!important;
    margin-right: 0px!important;}
.solution .slides li b{    height: 270px!important;
    line-height: 270px!important;}
.in_box3 h2{font-size:20px!important;}
.in_box2 i{margin:5px auto!important;}
.ly h2{margin-top:20px!important;font-size:20px!important;}
.p_b h4{font-size:20px!important;}
.p_b h5{font-size:16px!important;}
.cp_right ul li a h2{white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;max-width:100%;}
.cp_right ul li a{margin:0 auto!important;}
.in_box2 .more, .in_box3 .more{margin:10px auto;}
.display{display:none;}
.in_box2{margin-top:15px;}
.in_box3 label p{margin-top:15px;}
.in_box4 img{float:left;}
	}
	


